//用于主要按钮
$primary_button_color: white!default;
$primary_button_bg_color: #50cb9a !default;
$primary_button_bg_color_light: #eafafa !default;
//用于取消按钮
$info_button_color: grey!default;
$info_button_bg_color: white!default;

//内容背景
//整页背景
$bg: #f9ffff!default;
$bg_data: white!default;

//内容字体
$text-primary: #17be7c !default;
$text-primary-dark: #488c70 !default;
$text-info: black!default;
$text-info-light: #666 !default;
$text-remark: grey!default;

.border{
  border: 1px solid #dee2e6;
  border-radius: 4px;
}
.border-radius{
  border-radius: 4px;
}
.border2{
  border: 2px solid #dee2e6;
  border-radius: 4px;
}
.pa-2{
  padding: 8px;
}
.ma-2{
  margin: 8px;
}
.ztab{
  padding: 0.4rem;
  .ztabItem:not(:first-child) {
     margin-right: 4px;
   }
  .ztabItem.selected{
    color: $text-primary;
  }
}

.contentCopy{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.contentCopy_icon{
  color:$text-primary;
  font-size: 16px;
}


.zprogress {
  width: 100%;
  height: 30px;
}

.zprogress__portion {
  height: 100%;
  transition: width 0.3s ease;
  background: grey;
}